page,root {
  // 行为相关颜色
  --rt-color-primary: #007aff;
  --rt-color-success: #4cd964;
  --rt-color-warning: #f0ad4e;
  --rt-color-error: #dd524d;
  
  // 文字尺寸
  --rt-font-size-sm:30rpx;
  --rt-font-size-base:35rpx;
  --rt-font-size-lg:45rpx;
  
  // 文字基本颜色
  --rt-text-color: #333; //基本色
  --rt-text-color-inverse: #fff; //反色
  --rt-text-color-grey: #999; //辅助灰色，如加载更多的提示信息
  --rt-text-color-placeholder: #8c8c8c;
  --rt-text-color-disable: #e2e4eb;

  // 背景颜色
  --rt-bg-color: #f5f6f7;
  --rt-bg-color-grey: #f1f1f1;
  --rt-bg-color-hover: #f1f1f1;
  --rt-bg-color-mask: rgba(50, 50, 50, 0.5);
  --rt-bg-color-card: #ffffff;

  // 边框
  --rt-border-radius: 4rpx;
  --rt-border-color: #dee2e5;
  --rt-shadow-color: rgba(153, 155, 155, 0.5);
}


@media (prefers-color-scheme: dark) {
  page,root {
    --rt-text-color: #b9b9b9;
    --rt-text-color-inverse: #333;
    --rt-text-color-grey: #999;
    --rt-text-color-placeholder: #808080;
    --rt-text-color-disable: #404244;
    
    // 背景颜色 
    --rt-bg-color: #2c2c2c;
    --rt-bg-color-grey: #5a5a5a;
    --rt-bg-color-hover: #979797;
    --rt-bg-color-mask: rgba(50, 50, 50, 0.5);
    --rt-bg-color-card: #272727;
    
    // 边框
    --rt-border-color: #303030;
    --rt-shadow-color: #707273;
  }
}


@media (prefers-color-scheme: dark) {
  image{ filter:brightness(70%); }
  .logo image{ filter:brightness(200%); }
}

